<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Bootstrap表单组件金视野系统模板</title>
		<meta name="keywords" content="金视野,教育,平台" />
		<meta name="description" content="金视野开发部,模板,2017" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css" />
		<link rel="stylesheet" href="assets/css/chosen.css" />
		<link rel="stylesheet" href="assets/css/datepicker.css" />
		<link rel="stylesheet" href="assets/css/bootstrap-timepicker.css" />
		<link rel="stylesheet" href="assets/css/daterangepicker.css" />
		<link rel="stylesheet" href="assets/css/colorpicker.css" />

		<!-- fonts -->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

		<!-- ace styles -->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
		<style>
			.widgetbg{
				border: none;
				padding: 0 !important;
			}
			.textareabg{
				
				padding:6px !important ;
			}
			.modalfooterbg{
				background: none;
				text-align: center;
				margin-top: 100px;
				border: none;
			}
			label{
				font-weight: normal !important;
				font-weight: bold !important;
			}
			.page-header h4{
				font-weight: bold;
				text-align: center;margin-top: 40px;
				font-size: 20px;
			}
			.btnbg{
				margin: 10px;
			    padding:10px 20px;
				border:none;
				border-radius: 4px;
				background: dodgerblue !important;
			}
			.quxiao{
				margin: 10px!important;
				padding:10px 20px;
				border-radius: 4px;
				border:none;
			}
		</style>
	</head>

	<body>	

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">

				<div class="main-content" style="margin-left:0px">
					<div class="breadcrumbs"  id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="  icon-home home-icon"></i>
								行政事务
							</li>
                            <li><a href="jsyapproval.html">事务及文件审批</a></li>
							<li>新建审批</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<ul class="breadcrumb pull-right navright" >
							<li>
								<i class="icon-share-alt icon-color blue"></i>
								<a href="jsyapproval.html">返回</a>
							</li>
						</ul><!-- .breadcrumb -->
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<div class="page-header" style="border: none;">
							<h4>新建审批</h4>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<form class="form-horizontal" role="form">
								    <div class="form-group">
										<label class="col-sm-4 control-label no-padding-right" for="form-field-2"> 标题： </label>

										<div class="col-sm-8">
											<input type="text" id="form-field-2" placeholder="请输入标题" class="col-xs-12 col-sm-7" />
											
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-4 control-label no-padding-right" for="form-field-8"> 内容： </label>

										<div class="col-sm-8">
											
											<textarea class="col-xs-12 col-sm-7 textareabg" id="form-field-8" placeholder="请输入内容" rows="10" ></textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-4 control-label no-padding-right" for="form-input-readonly"> 附件： </label>

										<div class="col-sm-8">
											<div class="widget-body widgetbg col-xs-12 col-sm-7">
													<div class="widget-main "style="padding:0">
														<input multiple="" type="file" id="id-input-file-3" />
														<label>
															<input type="checkbox" name="file-format" id="id-file-format" class="ace" />
															
														</label>
													</div>
												</div>
										</div>
									</div>
									<div class="form-group">
										<label class=" col-sm-4 control-label   ">部门：</label>
										<div class="col-sm-2">
									      <select type="text"  class="form-control"  >
										<option>教务处</option>
										<option>学生处</option>
										<option>后勤部</option>
										<option>开发部</option>
										<option>战略部</option>
									</select>
								</div>
							</div>
									<div class="form-group " >
												<label class="col-sm-4 control-label  no-padding-right " >顺序审批人：</label>
												<div class="col-sm-8">
													<div class="radio1 radio-inline1 "style="padding-left: 0px !important;">
														<span style="font-size: 16px;color: #333333;margin-right: 10px;">1.</span>
														<label>
															<button type="button"   style="color: #505050 !important; font-size: 14px !important; background: #FFFFFF !important;border:1px solid #999999 !important;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;padding-top: 5px;" " type="button">刘昊然</button>
															
														</label>
													</div>
												</div>
									</div>
									<div class="form-group ">
												<label class="col-sm-4" ></label>
												<div class="col-sm-8">
													<div class=" "style="padding-top: 0px !important;padding-left: 0px !important;">
														<span style="font-size: 16px;color: #333333;margin-right: 10px;">2.</span>
														<label>
															<button type="button"   style="color: #505050 !important; font-size: 14px !important; background: #FFFFFF !important;border:1px solid #999999 !important;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;padding-top: 5px;" " type="button">金博瑞</button>
														</label>
														<label>
															<button type="button"   style="color: #34a8ea !important; font-size: 14px !important; background: #FFFFFF !important;border:1px solid #34a8ea !important;padding-left: 10px;padding-right: 10px;padding-bottom: 5px;padding-top: 5px;margin-left: 10px ;" " type="button">选择审批人</button>
														</label>
													</div>
												</div>
									</div>
                                    <div class="modal-footer modalfooterbg">
										<span class="input-group-btn modal-table1">
												<button type="button" class="btn btn-primary "  style="font-size: 14px !important; -webkit-border-radius:2px; background: #34A8EA !important;border:1px solid #34A8EA !important;padding-left: 20px;padding-right: 20px;margin-right: 20px;" " type="button">保存</button>
											
												<button type="button" class="btn btn-primary " style="font-size: 14px !important; -webkit-border-radius:2px; color: #34A8EA !important; background: #FFFFFF !important;border:1px solid #34A8EA !important;padding-left: 20px;padding-right: 20px; text-shadow: none !important;" " type="button">取消</button>
											</span>
									</div>
										</div>
									</div>
	
									</div>
								</form>

										
									</div>
			
			</div><!-- /.main-container-inner -->
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		

		<!-- <![endif]-->

		<!--[if IE]>

<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
		  <script src="assets/js/excanvas.min.js"></script>
		<![endif]-->

		<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="assets/js/chosen.jquery.min.js"></script>
		<script src="assets/js/fuelux/fuelux.spinner.min.js"></script>
		<script src="assets/js/date-time/bootstrap-datepicker.min.js"></script>
		<script src="assets/js/date-time/bootstrap-timepicker.min.js"></script>
		<script src="assets/js/date-time/moment.min.js"></script>
		<script src="assets/js/date-time/daterangepicker.min.js"></script>
		<script src="assets/js/bootstrap-colorpicker.min.js"></script>
		<script src="assets/js/jquery.knob.min.js"></script>
		<script src="assets/js/jquery.autosize.min.js"></script>
		<script src="assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
		<script src="assets/js/jquery.maskedinput.min.js"></script>
		<script src="assets/js/bootstrap-tag.min.js"></script>

		<!-- ace scripts -->

		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">
			jQuery(function($) {
				
				$('#id-input-file-3').ace_file_input({
					style:'well',
					btn_choose:'Drop files here or click to choose',
					btn_change:null,
					no_icon:'icon-cloud-upload',
					droppable:true,
					thumbnail:'small'//large | fit
					//,icon_remove:null//set null, to hide remove/reset button
					/**,before_change:function(files, dropped) {
						//Check an example below
						//or examples/file-upload.html
						return true;
					}*/
					/**,before_remove : function() {
						return true;
					}*/
					,
					preview_error : function(filename, error_code) {
						//name of the file that failed
						//error_code values
						//1 = 'FILE_LOAD_FAILED',
						//2 = 'IMAGE_LOAD_FAILED',
						//3 = 'THUMBNAIL_FAILED'
						//alert(error_code);
					}
			
				}).on('change', function(){
					//console.log($(this).data('ace_input_files'));
					//console.log($(this).data('ace_input_method'));
				});
				
			
				//dynamically change allowed formats by changing before_change callback function
				
				
				$('#modal-form').on('shown.bs.modal', function () {
					$(this).find('.chosen-container').each(function(){
						$(this).find('a:first-child').css('width' , '210px');
						$(this).find('.chosen-drop').css('width' , '210px');
						$(this).find('.chosen-search input').css('width' , '200px');
					});
				})
				/**
				//or you can activate the chosen plugin after modal is shown
				//this way select element becomes visible with dimensions and chosen works as expected
				$('#modal-form').on('shown', function () {
					$(this).find('.modal-chosen').chosen();
				})
				*/
			
			});
		</script>
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
